<!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/page.css">
    <title>Document</title>
</head>

<body>

    <div class="all">
        <div class="header">
            <span>虚拟仿真实验平台</span>
            <ul>

                <li><a href="#">English</a></li>
                <li><a href="#">注册</a>丨</li>
                <li><a href="#">登录</a>丨</li>
                <li><img src="images/denglu.png"></li>
            </ul>
        </div>
        <div class="header2">
            <div class="hleft">
                <div class="zuoce">
                    <h2>火热安全性测试虚拟仿真实验 </h2>
                    <div class="xiaodongxi">

                        <img src="images/xiaodongxi.png">
                    </div>
                    <div class="fushu">
                        <span>
                            所属专业:安全工程
                        </span>
                        <span>学校:中北大学</span>
                        <span>负责人:解其霖</span>
                    </div>
                    <div class="wenben">
                        实验原理简述：热安全性是火炸药的重要属性之一，
                        针对火的热安全性，人们研发了许多实验来测试火的热安全性，
                        其中就包括DSC差热实验、爆发点实验和烤燃实验。但这些实验在教学中存在较大的危险性
                        ，学生上手容易造成危险，以及实验设备昂贵，实验现象难以观察，实验成本高，实验不可逆，存在一定的局限性。
                        为了解决这一问题，缓解实验压力，提升教学质量，本文决定采用虚拟仿真的形式来实现这三个实验。
                    </div>
                </div>
                <button class="custom-btn btn">我要做实验</button>
            </div>
            <div class="hright">
                <div class="shipin">
                    <h2>实验简介视频</h2>
                    <img src="images/shipin.png">

                </div>

            </div>
        </div>
        <div class="mulbutton">
            <button class="btnn btn" onclick="myFunction1()">实验介绍</button>
            <button class=" btn " onclick="myFunction2()">实验必读</button>
            <button class=" btn " onclick="myFunction2()">实验总结</button>

        </div>
        <div class="foot">
            <div class="content">

                <iframe id="iframe" loading="lazy" src="yemian1.html" width="900" height="1000" frameborder="0">


                </iframe>

            </div>
            <div class="card">
                <div class="ribbon-1">团队成员:</div>

                <ul class="chengyuan animated backInLeft">
                    <li>
                        <img src="images/tubiao.png">
                        <span>解其霖</span>
                    </li>
                    <li><img src="images/tubiao.png"> <span>任志维</span>
                    </li>
                    <li><img src="images/tubiao.png"> <span>李辰欣</span>
                    </li>
                    <li><img src="images/tubiao.png"> <span>李立林</span>
                    </li>
                    <li><img src="images/tubiao.png"> <span>李素悦</span>
                    </li>
                </ul>
            </div>
            <div class="youxiang"></div>
        </div>
    </div>
    <script>
        function myFunction2() {
            var iframe = document.getElementById("iframe");
            iframe.src = "yemian2.html";
        }
        function myFunction1() {
            var iframe = document.getElementById("iframe");
            iframe.src = "yemian1.html";
        }



    </script>
</body>

</html>